.block_logo_list {
  .list {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;

    .list_item {
      @media screen and (min-width: 768px) {
        max-width: 200px;
      }
      max-width: 145px;
      transition: all 0.3s ease 0s;
      opacity: var(--opacity);
      &:hover{
        opacity: 1;
      }
      img {
        width: 100%;
      }
    }
  }
}
